/*
* Vintage Wine for jPlayer V1.0
* Copyright (c) 2013 PStevenson (www.p-stevenson.com)
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

div.jp-audio,
div.jp-video{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
		
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#555;
	}

div.jp-audio ul, div.jp-video ul,
div.jp-audio ul li, div.jp-video ul li{
	display:block;
	margin:0; padding:0;
	}

div.jp-video-play a.jp-video-play-icon{display:none !important;}

/* CONTROLS */
div.jp-interface{
	position:relative; z-index:1;
	overflow:visible;
	}
div.jp-interface ul,
div.jp-interface ul li{
	position:absolute;
	top:0; left:0; right:0;
	margin:0; padding:0;
	}
div.jp-interface ul.jp-controls{
	position:relative;
	margin:0; padding:0;
	width:auto;
	height:35px;
	
	background-color: #fefefe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#babec4));
	background-image: -webkit-linear-gradient(top, #fefefe, #babec4);
	background-image: -moz-linear-gradient(top, #fefefe, #babec4);
	background-image: -o-linear-gradient(top, #fefefe, #babec4);
	background-image: -ms-linear-gradient(top, #fefefe, #babec4);
	background-image: linear-gradient(top, #fefefe, #babec4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fefefe', EndColorStr='#babec4');
	
	-webkit-box-shadow:inset 0 1px 0 0 #fff;
	-moz-box-shadow:inset 0 1px 0 0 #fff;
	box-shadow:inset 0 1px 0 0 #fff;
	
	border:1px solid #babec4;
	
	list-style:none;
	overflow:hidden;
	}
div.jp-interface ul.jp-controls a,
div.jp-interface ul.jp-toggles a{
	display:block;
	text-indent:-9999px;
	
	background:transparent url(https://lh5.googleusercontent.com/-qcAy5BMDLR8/UsAS9o4qu8I/AAAAAAAAX1A/HVQ6QQQcc2U/w64-h450-no/sprites.png) no-repeat -500px -500px;
	overflow:hidden;
	}

/* BUTTONS */
div.jp-interface ul.jp-controls a.jp-play,
div.jp-interface ul.jp-controls a.jp-pause{
	position:absolute;
	top:0; left:0;
	height:35px; width:34px;
	
	border-right:1px solid #BABEC4;
	background-position:13px 12px;
	}
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-play,
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-pause{left:50px;}
div.jp-interface ul.jp-controls a.jp-play:hover{background-position:-37px 12px;}
div.jp-interface ul.jp-controls a.jp-pause{background-position:13px -38px;background-color:#EEE;}
div.jp-interface ul.jp-controls a.jp-pause:hover{background-position:-37px -38px;}
div.jp-interface ul.jp-controls a.jp-stop{display:none !important;}
div.jp-interface ul.jp-controls a.jp-previous{
	position:absolute;
	top:0; left:0px;
	height:35px; width:25px;
	
	background-position:8px -86px;
	}
div.jp-interface ul.jp-controls a.jp-previous:hover{background-position:-42px -86px;}
div.jp-interface ul.jp-controls a.jp-next{
	position:absolute;
	top:0; left:25px;
	height:35px; width:24px;
	
	border-right:1px solid #BABEC4;
	background-position:5px -137px;
	}
div.jp-interface ul.jp-controls a.jp-next:hover{background-position:-45px -137px;}
div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute{
	position:absolute;
	top:0; right:60px;
	height:35px; width:34px;
	
	border-left:1px solid #BABEC4;
	background-position:13px -189px;
	}
div.jp-interface ul.jp-controls a.jp-mute:hover{background-position:-37px -189px;}
div.jp-interface ul.jp-controls a.jp-unmute{display:none; background-position:13px -392px;}
div.jp-interface ul.jp-controls a.jp-unmute:hover{background-position:-37px -392px;}
div.jp-interface ul.jp-controls a.jp-volume-max{display:none !important;}
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-mute,
div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-unmute{right:95px;}
div.jp-video  div.jp-interface ul.jp-controls a.jp-mute,
div.jp-video  div.jp-interface ul.jp-controls a.jp-unmute{right:95px;}
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-mute,
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-controls a.jp-unmute{right:130px;}

div.jp-interface div.jp-current-time{
	position:absolute; z-index:1;
	top:37px; left:0;
	width:50px; height:25px;
	
	text-align:right;
	font-size:10px;
	color:#DDD;
	line-height:25px;
	
	overflow:hidden;
	}
div.jp-type-playlist div.jp-interface div.jp-current-time{
	top:21px; left:95px;
	height:17px;
	
	text-align:left;
	color:#333;
	line-height:17px;
	}
div.jp-interface div.jp-duration{
	position:absolute; z-index:1;
	top:37px; right:0;
	width:50px; height:25px;
	
	text-align:left;
	font-size:10px;
	color:#DDD;
	line-height:25px;
	
	overflow:hidden;
	}
div.jp-type-playlist div.jp-interface div.jp-duration{
	top:21px; right:140px;
	height:17px;
	
	text-align:right;
	color:#333;
	line-height:17px;
	}
div.jp-video div.jp-type-playlist div.jp-interface div.jp-duration{right:175px;}
div.jp-interface ul.jp-toggles a.jp-repeat,
div.jp-interface ul.jp-toggles a.jp-repeat-off{display:none !important;}
div.jp-interface ul.jp-toggles a.jp-shuffle,
div.jp-interface ul.jp-toggles a.jp-shuffle-off{
	position:absolute;
	top:1px; right:1px;
	height:35px; width:34px;
	
	border-left:1px solid #BABEC4;
	background-position:10px -339px;
	}
div.jp-interface ul.jp-toggles a.jp-shuffle:hover,
div.jp-interface ul.jp-toggles a.jp-shuffle-off:hover{background-position:-38px -339px;}
div.jp-interface ul.jp-toggles a.jp-shuffle-off{background-color:#EEE;}

div.jp-video div.jp-type-playlist div.jp-interface ul.jp-toggles a.jp-shuffle,
div.jp-video div.jp-type-playlist div.jp-interface ul.jp-toggles a.jp-shuffle-off{right:36px;}

div.jp-interface ul.jp-toggles a.jp-full-screen,
div.jp-interface ul.jp-toggles a.jp-restore-screen{
	position:absolute;
	top:1px; right:1px;
	height:35px; width:34px;
	
	border-left:1px solid #BABEC4;
	background-position:12px -238px;
	}
div.jp-interface ul.jp-toggles a.jp-full-screen:hover{background-position:-38px -238px;}
div.jp-interface ul.jp-toggles a.jp-restore-screen{background-position:12px -289px;}
div.jp-interface ul.jp-toggles a.jp-restore-screen:hover{background-position:-38px -289px;}

/* FULLSCREN POSITIONING */
div.jp-video-full{position:static !important;position:relative}
div.jp-video-full div div{z-index:1000}
div.jp-video-full div.jp-jplayer{top:0;left:0;position:fixed !important;background:#000;position:relative;overflow:hidden}
div.jp-video-full div.jp-gui{position:fixed !important;position:static;bottom:0;left:0;width:100%;height:auto;z-index:1001}
div.jp-video-full div.jp-interface{position:absolute !important;position:relative;bottom:0;left:0;right:0;width:100%}
div.jp-video-full div.jp-interface div.jp-duration,
div.jp-video-full div.jp-interface div.jp-current-time{z-index:1001;}

/* VOLUME BAR */
div.jp-volume-bar{
	position:absolute;
	top:15px; right:10px;
	height:8px; width:50px;
	
	background: #c9cdd1;
	background: -moz-linear-gradient(top, #c9cdd1 0%, #d8dbde 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9cdd1), color-stop(100%,#d8dbde));
	background: -webkit-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: -o-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: -ms-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: linear-gradient(to bottom, #c9cdd1 0%,#d8dbde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cdd1', endColorstr='#d8dbde',GradientType=0 );
	
	-webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
		
	overflow:hidden;
	cursor:pointer;	
	}
div.jp-type-playlist div.jp-volume-bar{right:45px;}
div.jp-video div.jp-type-playlist div.jp-volume-bar{right:80px;}
div.jp-video div.jp-volume-bar{right:45px;}
div.jp-volume-bar-value{
	width:0px; height:6px;
	
	background: #9f0149;
	background: -moz-linear-gradient(top, #9f0149 0, #520e17 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#9f0149), color-stop(100%,#520e17));
	background: -webkit-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: -o-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: -ms-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: linear-gradient(to bottom, #9f0149 0,#520e17 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0149', endColorstr='#520e17',GradientType=0 );
	
	border:1px solid #6d0019;
	}
/* PROGRESS BAR */
div.jp-progress{
	position:absolute; z-index:2;
	top:15px; right:105px; left:45px;
	height:8px; width:auto;
	
	background: #c9cdd1;
	background: -moz-linear-gradient(top, #c9cdd1 0%, #d8dbde 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9cdd1), color-stop(100%,#d8dbde));
	background: -webkit-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: -o-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: -ms-linear-gradient(top, #c9cdd1 0%,#d8dbde 100%);
	background: linear-gradient(to bottom, #c9cdd1 0%,#d8dbde 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cdd1', endColorstr='#d8dbde',GradientType=0 );
	
	-webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
		
	overflow:hidden;
	cursor:pointer;
	}
div.jp-type-playlist div.jp-progress{right:140px; left:95px;}
div.jp-video div.jp-progress{right:140px;}
div.jp-video div.jp-type-playlist div.jp-progress{right:175px;}
div.jp-seek-bar{
	margin:0; padding:0;
	height:8px;
	}
div.jp-seek-bar.jp-seeking-bg{ background:none; }
div.jp-play-bar{
	width:0px; height:6px;
	
	background: #9f0149;
	background: -moz-linear-gradient(top, #9f0149 0, #520e17 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#9f0149), color-stop(100%,#520e17));
	background: -webkit-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: -o-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: -ms-linear-gradient(top, #9f0149 0,#520e17 100%);
	background: linear-gradient(to bottom, #9f0149 0,#520e17 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0149', endColorstr='#520e17',GradientType=0 );
	
	border:1px solid #6d0019;
	}

/* TITLE */
div.jp-title{
	position:relative; z-index:0;
	margin:0; padding:0;
	height:25px; width:auto;
	text-align:center;
	background:#333;
	
	color:#FFF;
	}
div.jp-title ul,
div.jp-playlist ul{
	list-style:none;
	margin:0; padding:0;
	}
div.jp-audio div.jp-title li,
div.jp-video div.jp-title li{
	position:absolute;
	left:60px; right:60px;
	padding:0; margin:0;
	height:25px; width:auto;
	
	text-align:center;
	line-height:25px;
	overflow:hidden;
	}

/* PLAYLIST */
div.jp-playlist li{
	padding:0; margin:0;
	}
div.jp-playlist li div{
	*zoom:1;
	padding:0; margin:0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	
	background: #808080;
	background: -moz-linear-gradient(top, #808080 0%, #797979 50%, #717171 51%, #7b7b7b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(50%,#797979), color-stop(51%,#717171), color-stop(100%,#7b7b7b));
	background: -webkit-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
	background: -o-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
	background: -ms-linear-gradient(top, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
	background: linear-gradient(to bottom, #808080 0%,#797979 50%,#717171 51%,#7b7b7b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#7b7b7b',GradientType=0 );
	
	line-height:21px;
	}
div.jp-playlist li.jp-playlist-current div{
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #d9d9d9 50%, #cbcbcb 51%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(50%,#d9d9d9), color-stop(51%,#cbcbcb), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
	background: -o-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
	background: linear-gradient(to bottom, #e6e6e6 0%,#d9d9d9 50%,#cbcbcb 51%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
	}
div.jp-type-playlist div.jp-playlist a{
	display:inline-block; *display:inline; *zoom:1;
	margin:0; padding:6px 12px;
	color:#CCC;
	text-decoration:none;
	}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current{
	color:#9F0149;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(225,255,255,0.25);
	}
div.jp-type-playlist div.jp-playlist span.jp-artist{
	font-size:10px;
	font-weight:normal;
	color:#333;
	}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{display:none !important;}
div.jp-type-playlist div.jp-playlist span.jp-free-media{
	float:right;
	margin:0 10px;
	padding:0;
	}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	padding:6px 4px;
	color:#9F0149;
	}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	text-decoration:underline;
	}
	
/* FLASH FIXES */
div.jp-video div.jp-jplayer object{ position:relative; width:100% !important; height:300px !important; }
div.jp-video.jp-video-full div.jp-jplayer object{ width:100% !important; height:100% !important; }